<template>
    <div class="container">
      <home-header></home-header>
      <home-swiper></home-swiper>
      <home-photolist></home-photolist>
      <div class="notice-and-video">
        <home-notice></home-notice>
        <home-video></home-video>
      </div>
      <home-footer></home-footer>
    </div>
</template>

<script>
import HomeHeader from '@/components/header'
import HomeSwiper from './components/swiper'
import HomePhotolist from './components/photolist'
import HomeNotice from './components/notice'
import HomeVideo from './components/video'
import HomeFooter from '@/components/footer'
export default {
  components: {
    HomeHeader,
    HomeSwiper,
    HomePhotolist,
    HomeNotice,
    HomeVideo,
    HomeFooter
  },
  data () {
    return {}
  },
  methods: {}
}

</script>

<style lang="scss" scoped>
.container {
  .notice-and-video {
    width: 1340px;
    height: 520px;
    margin: 0 auto;
    display: flex;
    // background-color: azure;
  }
}
</style>
